.bgtx-main {
    background-color:transparent !important;
    background-image:url('../../BPimages/pxs_aplpha90diamond.png');
}

.bgtx-glass {
    background-color:transparent !important;
    background-image:url('../../BPimages/pxs_alpha90mix.png');
}

.bgtx-glass-snow {
    background-color:transparent !important;
    background-image:url('../../BPimages/pxs_alpha90snow.png');
}

.text-smaller80 {
    font-size:0.8em;
}

.content-divider {
    margin:10px 0;
    border-top-color:#6fa49e;
    border-bottom: 1px solid #eee;
}

/* Login Page */
.login-body {
    /* 漸層桌面 */
    background-color:#4f7cb0;
    background: linear-gradient(to bottom, rgba(11,88,170,1) 38%,rgba(149,192,219,1) 100%);
    background-attachment: fixed;
    
    /* 材質桌面
    background-color:gray;
    background-image:url('../../BPimages/charcoal_gray.jpg');
     */
    
    /* 固定桌面圖
    background-color:#4f7cb0;
    background-image: url('../../BPimages/PsJeremy_StarryNight_fhd_blur30.jpg');
    background-size: 100% auto;
    background-position: left top;
    background-repeat: repeat-y;
    background-attachment: fixed;
     */
}

    .login-body .photo-author {
        position:absolute;
        bottom:5px;
        right:5px;
        color:#ccc;
        font: normal 10px verdana; 
        -webkit-transform:scale(0.85) translateX(16px);
        -moz-transform:scale(0.90) translateX(13px);
    }

.LoginFormContainer {
    max-width:600px;
}

.LoginWell {
}

.Signboard {
}

.SignboardText {
    font-weight:normal;
    text-shadow:2px 2px #ccc;
}

.SignboardLine {
    border-top-color:#6fa49e;
    border-bottom-color:#eee;
}

.LoginForm {
    box-shadow: 0 3px 7px rgba(0,0,0,0.3);
}

/* Main frame */
.main-body {
    margin-top:4rem;

    /* 漸層桌面 */
    background-color:#4f7cb0;
    background: linear-gradient(to bottom, rgba(11,88,170,1) 38%,rgba(149,192,219,1) 100%);
    background-attachment: fixed;
    
    /* 材質桌面
    background-color:gray;
    background-image:url('../../BPimages/charcoal_gray.jpg');
     */
    
    /* 固定桌面圖
    background-color:#4f7cb0;
    background-image: url('../../BPimages/PsJeremy_StarryNight_fhd_blur30.jpg');
    background-size: 100% auto;
    background-position: left top;
    background-repeat: repeat-y;
    background-attachment: fixed;
     */
}

.ci-logo {
    padding-left:1rem;
    background: url('../../BPimages/brandOval.png') no-repeat 0px 3px;
}

.navbar-dark .NavIcon {
    color:#fff;
}

.main-navbar {
    cursor:pointer;
}

.sidebar-container, .content-container {
    padding: 6px;
}

/* Sidebar */
.panel-subject {
    color:#999;
    font-weight:bold;
}

.sidebar-menu {
}

    .sidebar-menu .items-group {
        margin-bottom: 2px;
        padding: 15px;
        text-shadow:0 1px 0 rgba(255,255,255,0.5);
    }

    .sidebar-menu .item-header {
        padding:3px 0;
        font-weight:bold;
        border-bottom:1px solid #6fa49e;
        border-radius:0;
    }

        .sidebar-menu .item-header.active, .sidebar-menu .item-header.active:hover {
            color:#0056b3;
            background-color:#def5f2;
            border-top-left-radius:5px;
            border-top-right-radius:5px;
        }

    .sidebar-menu .item {
        padding-top:3px;
        padding-bottom:3px;
        border-radius:0;
    }

        .sidebar-menu .item-header:hover, .sidebar-menu .item:hover, .sidebar-menu .branch:hover {
            background-color:#eee;
        }

        .sidebar-menu .item.active:hover, .sidebar-menu .branch.active:hover {
            background-color:#007bff;
        }

    .sidebar-menu .branch-list {
        padding-left:15px;
    }

    .sidebar-menu .branch {
        padding:3px 1rem;
        border-radius:0;
    }

/* Main content */
.sys-subtitle {
    padding:5px 5px 5px 15px;
    background-color:#fff;
    /*border:1px solid rgba(0, 0, 0, 0.125);*/
    border-left: 5px solid #6fa49e;
    margin-bottom:5px;
    border-radius: 0 .25rem .25rem 0;
    font-size:0.95rem;
}

.main-subject {
    padding:9px;
    font-weight:bold;
    flex-direction:row;
}

.sys-info {
    /*border:1px solid rgba(0, 0, 0, 0.125);*/
    border-radius:0.25rem;
    padding:2px 5px;
    text-align:right;
    background-color:#fff;
    margin: 5px 0;
}

        .sys-info a, .sys-info a:hover {
            color: skyblue;
        }

.sys-conditions {
    padding:5px;
}

    .sys-conditions .form-row {
        margin-bottom:5px;
    }

.PageArea .text {
    padding:0.5rem 0.5rem 0.5rem 0;
}

.PicThumbnail {
    margin-bottom:1rem;
}

    .PicThumbnail .PicLinkText {
        text-align:center;
    }

/* Footer */
.footer-container {
    text-align:right;
    text-shadow:0 1px 0 #fff;
}

/* Config Page */
.config-body {
    padding:5px;

    /* 漸層桌面 */
    background-color:#4f7cb0;
    background: linear-gradient(to bottom, rgba(11,88,170,1) 38%,rgba(149,192,219,1) 100%);
    background-attachment: fixed;
    
    /* 材質桌面
    background-color:gray;
    background-image:url('../../BPimages/charcoal_gray.jpg');
     */
    
    /* 固定桌面圖
    background-color:#4f7cb0;
    background-image: url('../../BPimages/PsJeremy_StarryNight_fhd_blur30.jpg');
    background-size: 100% auto;
    background-position: left top;
    background-repeat: repeat-y;
    background-attachment: fixed;
     */
}

    .config-body .config-area {
        padding:6px;
        border-top-left-radius:.25rem;
        border-top-right-radius:.25rem;
    }

    .config-body .config-actions {
        padding:10px 0;
        text-align:center;
        border-top: 1px solid #777;
        background-color:#ccc;
        border-bottom-left-radius:.25rem;
        border-bottom-right-radius:.25rem;
    }

.required-symbol:before {
    content:"* ";
    color:red;
}

.config-list select, .config-list textarea, .config-list input[type="text"], .config-list input[type="password"], .config-list input[type="datetime"], .config-list input[type="datetime-local"], .config-list input[type="date"], .config-list input[type="month"], .config-list input[type="time"], .config-list input[type="week"], .config-list input[type="number"], .config-list input[type="email"], .config-list input[type="url"], .config-list input[type="search"], .config-list input[type="tel"], .config-list input[type="color"] {
    padding: 0.375rem 0.75rem;
    line-height: 1.5;
    border: 1px solid #ced4da;
    border-radius: 0.25rem;
}

@media (max-width: 767px) {
    /* remove fixed-top of navbar while width small than -md */
    .main-body {
        margin-top:0;
    }

    .main-navbar {
        position:static;
        margin-bottom:0.5rem;
    }
}




/* 20210330 修改-側邊欄li-active效果 */
.slidebar-li-active{
    background: #ddedff;
    border-radius: 2px;
}
.slidebar-li-active:hover{
    background: #cae4ff;
}
.slidebar-li-active .branch{
    color:  #333;
}